@charset "utf-8";
body,html {
	margin: 0px;
	min-width: 965px;
}
ul,ol,dl,h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0;
	overflow:hidden;
}
.hide,
.functions .info span.hide{
	display:none;
}
a.emp{
	padding: 2px 5px;
	line-height: 2em;
}

/* dialogs */
.dialog h4{
	margin: 3px 0;
}
.dialog dl dt{
	float:left;
	clear:left;
}
.dialog dl dt,
.dialog dl dd{
	margin: 3px 0;
}
.dialog textarea{
	width: 450px;
	height: 100px;
}
/* editor dialog */
.editor dl dd{
	margin-left: 100px;
}
.editor input.textbox{
	width: 350px;
}
/* login dialog */
.login dl dd{
	margin-left: 130px;
}
.login input.textbox{
	width: 200px;
}
/* rating */
.rating span{
	height: 15px;
}
/* top bar */
div.top_bar{
	overflow:hidden;
	padding: 0 5px;
	margin-bottom: 5px;
}

div.top_bar div.login{
	float:right;
	line-height: 1.5em;
}
/*navigator*/
div.navigator li {
	float:left;
	width: 90px;
	line-height: 1.5em;
	text-align:center;
}
div.navigator li a{
	display: block;
}
#home .navigator{
	width: 360px;
}
/* logo */
div.logo a{
	display:block;
	text-indent: -9999px;
	height: 75px;
	width: 484px;
}
#home div.logo a{
	margin: auto;
	width: 600px;
	height: 150px;
}
#home div.logo{
	margin:50px 0 10px 0;
}
/* head */
.head{
	overflow:hidden;
}
.head .logo {
	float:left;
}
.head .search {
	float:left;
	width: 450px;
	margin-left: 20px;
	margin-top: 30px;
}
/* content body */
.content .left{
	float:left;
	width: 180px;
	padding-left: 30px;
}
.content .left h2{
	line-height: 3em;
}
.content .left li a{
	display: block;
	line-height: 1.5em;
}
.content .middle{
	overflow:hidden;
}
.content .right{
	float:right;
}
.content{
	overflow:hidden;
}
.content{
	margin: 0 5px;
}
#manage .content .middle,
#list .content .middle{
	margin-left: 220px;
}
#preview .content .right{
	width: 320px;
	padding: 0 10px;
}
/* search */
.search input.textbox{
	width: 300px;
	margin-right: 10px;
}
#home .search {
	text-align: center;
}

/* menu */
.menu{
	margin: 5px;
}
.menu li{
	float:left;
}
.menu li a{
	line-height:2em;
	padding: 2px 5px;
}
.menu li a.upload{
	margin-left: 20px;
}
/* picture list */
.pic_list .list_info {
	overflow:hidden;
	line-height: 2em;
}
.pic_list .list_info .actions{
	float:right;
}
.pic_list ul li{
	float:left;
	width: 150px;
	margin: 10px;
	text-align:center;
}
.pic_list ul li a{
	display:block;
	height: 170px;
	position: relative;
}
.pic_list ul li .actions a{
	height:auto;
	position:static;
	float:left;
	text-align:center;
	width: 48%;
}
.pic_list ul li span.image img{
	display:block;
}
.pic_list ul li span.title{
	bottom:0px;
	left:0px;
	position: absolute;
	width:150px;
	cursor:pointer;
}
.pic_list ul li span.image{
	height: 150px;
}
.pic_list ul li span.rating a{
	margin-top: 5px;
	height:auto;
	position:static;
}
.pic_list ul li span.rating a .resolution{
	display:none;
}
.pic_list ul li span.rating a:hover .rate1,
.pic_list ul li span.rating a:hover .rate2,
.pic_list ul li span.rating a:hover .rate3,
.pic_list ul li span.rating a:hover .rate4,
.pic_list ul li span.rating a:hover .rate5{
	display:none;
}
.pic_list ul li span.rating a:hover .resolution{
	display:block;
}
/* footer */
.footer{
	margin-top: 50px;
}
.footer p{
	text-align: center;
}
/* pagination */
.pagination{
	line-height: 2em;
}
#manage .pagination,
#list .pagination{
	text-align:center;
	clear:left;
	margin-top: 5px;
}
/* preview */
.preview .actions{
	text-align:center;
	margin: 0 0 10px 0;
}
.preview .picture{
	text-align:center;
}
.preview .statistics{
	line-height: 2em;
	padding: 0 5px;
	margin: 5px 0;
}
.preview .statistics .views{
	float:right;
}
/* functions */
.functions .actions,
.functions .rating_box,
.functions .info,
.functions .tags{
	overflow:hidden;
	margin: 5px 0;
	padding-bottom: 5px;
}
.functions .rating_box div{
	overflow:hidden;
}
.functions .actions a,
.functions .rating_box a{
	display:block;
	float:left;
	width: 32%;
	text-align:center;
	line-height: 2em;
}
.functions .info h4{
	margin: 5px 0;
}
.functions .info span,
.functions .info strong{
	display:block;
	margin: 2px 0;
}
.functions .tags p{
	overflow:hidden;
}
.functions .tags p a{
	display:block;
	width: 45%;
	float:left;
	padding: 0 3px;
	line-height: 1.8em;
}
.functions .add_tags textarea{
	width: 190px;
}

/* comments */
.comments li{
	*zoom:1; /* IE7 fix */
}
.comments ul{
	width: 600px;
}
.comments .commenter,
.comments .commenter .avatar{
	float:left;
}
.comments .commenter .info a.name,
.comments .commenter .info span.time{
	display:block;
}
.comments .commenter{
	width: 200px;
}
.comments p.comment_content{
	margin-left: 210px;
}
.comments div.comment_content{
	text-align:right;
}
.comments div.comment_content .textarea_wrapper{
	padding-right: 10px;
	overflow:hidden;
}
.comments div.comment_content textarea{
	width: 100%;
	float:left;
}
